@import "base";
*{
    margin: 0;
    padding: 0;
}
.web{
    width: vw(750);
    height: vw(1366);
    border: 1px solid;
    .we{
        width: vw(750);
        height: vw(1366);
        // background-color: bisque;
       
        // 顶部
        .shou{
            width: vw(750);
            height: vw(127);
            // background-color: aqua;
            display: flex;
            justify-content:space-between;
            align-items: center;
            font-size: vw(26);
            font-weight: bold;
            .s{
                color:#ff9344;;
                margin-right: vw(15);
                font-size: vw(50);
            }
            .shoua{
                width: vw(123);
                height: vw(57);
                border: vw(2) solid #ff9344;
                border-radius:vw(28);
                text-align: center;
                line-height: vw(57);
                margin-left: vw(15);
            }
        }
        // 导航图片
        .tu{
            width: vw(750);
            height: vw(260);
            overflow: hidden;
            img{
                width:100%;    
          }

        }
    //    购买栏
        .yuan{
            width: vw(750);
            height: vw(143);
            // background-color: aquamarine;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .yuana{
                font-size: vw(72);
                color: #ff9344;
                margin-left: vw(15);
            }
            .yuanb{
                width: vw(111);
                height: vw(59);
                font-size: vw(40);
                text-align: center;
                line-height: vw(59);
                background-color: #ff9344;
                color: azure;
                margin-right: vw(15);
            }
        }
        // 好评栏
        .box{
            width: vw(750);
            height: vw(70);
            // background-color: aqua;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .boxa{
                width: vw(210);
                height: vw(70);
                font-size: vw(30);
                // background-color: aquamarine;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-left: vw(15);
            .s{
                font-size:vw(30) ;
                color: #ff9344;
                
            }
            span{
                color: #ff9344;
            }
            
            }
            .w{
                font-size: vw(26);
                color: #8e8e8e;
                margin-right: vw(15);
            }
        }
        // 商户店铺栏
        .si{
            width: vw(750);
            height: vw(67);
            background-color: #ff9344;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .sia{
                font-size: vw(30);
                color: azure;
                margin-left: vw(15);
                margin-right: vw(15);
            }
        }  
        // 店铺   
        .dian{
            width: vw(750);
            height: vw(555);
            // background-color: rgb(231, 151, 53);
            display: flex;
            justify-content: space-evenly;
            .diana{
                width: vw(177);
                height: vw(556);
                // border: 1px solid;
                display: flex;
                flex-direction: column;
                justify-content:space-evenly;

                img{
                    width:vw(177);
                    height: vw(175);
                }
            }
            .dianb{
                width: vw(280);
                height: vw(555);
                // background-color: aqua;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
                .dianb1{
                    width: vw(280);
                    height: vw(185);
                    // border: 1px solid;
                    display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                    .b2{
                        font-size: vw(30);
                    }
                    .b3{
                        font-size: vw(24);
                        color: #929292;
                    }
                    span{
                        font-size: vw(28);
                        color: #929292;
                    }
                    .b4{
                        font-size: vw(20);
                        color: #ff9344;
                    }
                    .b5{
                        font-size: vw(35);
                        color: #ff9344;
                    }
                }
            }
            .dianc{
                width: vw(195);
                height: vw(555);
                // background-color: aquamarine;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
               
                .c{
                    width: vw(111);
                    height: vw(59);
                    font-size: vw(30);
                    background-color: #ff9344;
                    color: azure;
                    text-align: center;
                    line-height: vw(59);
                    border-radius:vw(28);
                }
            }
        }
        // 底部导航
        .footer {
            margin: auto;
            margin-top: vw(20);
            display: flex;
            justify-content: space-between;
            width: vw(600);
            height: vw(130);
            a:hover{
                color: #ff9344;
            }
            .s{
                color: #ff9344;
            }
            li{
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .iconfont{
               span{
                   font-size: vw(30);
               }
                display: flex;
                flex-direction: column;
                list-style: none;
                 text-decoration: none;
                align-items: center;
               font-size: vw(60);    
            }
          }
    }
}